<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 客户等级列表</title>
    <link rel="shortcut icon" href="../../content/static/img/favicon.ico">
    <link href="../../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../../content/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../content/static/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="../../content/static/css/animate.min.css" rel="stylesheet">
    <link href="../../content/static/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="../../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <style>
        .fa-female:before {
            color: #fb7cd5;
        }
        .fa-location-arrow:before {
            color: rebeccapurple;
        }
        .fa-mobile-phone:before, .fa-mobile:before{
            color: black;
        }
        .fa-map-marker:before {
            color: #1ab394;
        }
        table-th{
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }
        table tr{ height:40px;}
</style>
</head>

<body class="gray-bg">
    <div class="content-container">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <ol class="breadcrumb">
                                <li><a>客户等级信息</a></li>
                                <li><a>客户等级列表</a></li>
                            </ol>
                        </div>
                        <div class="ibox-content">
                            <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                                <div class="alert alert-info">
                                    设置各级客户默认的折扣率，后续设置商品等级价格时，填写零售价后，系统自动根据下方折扣反算其他等级价（依旧可进行修改）<br>
                                    客户级别基于工行客户等级<br>
                                    （1）七星级客户：星点值在80000（含）以上。<br>
                                    （2）六星级客户：星点值10000（含）～80000。<br>
                                    （3）五星级客户：星点值2000（含）～10000。<br>
                                    （4）四星级客户：星点值500（含）～2000。<br>
                                    （5）三星级客户：星点值50（含）～500。<br>
                                    （6）准星级客户：星点值0（不含）～50。<br>
                                    （7）星点值等于0的客户不予评定星级。

                                </div>
                            </div>
                            <table class="table table-hover">
                                <thead style="background: #f5f5f5;">
                                    <tr>
                                        <th>#</th>
                                        <th>客户级别</th>
                                        <th>对应等级</th>
                                        <th>对应折扣</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td class="text-navy">普通客户</td>
                                        <td>零售价/批发价</td>
                                        <td class="text-danger">100%<span>（系统默认，不可修改）</span></td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td class="text-navy">一级客户</td>
                                        <td>等级价一</td>
                                        <td class="text-danger">
                                            <input type="text" value="100" style="width:150px;float: left;" class="input-sm form-control">
                                            <label style="margin: 6px 0px 0px 6px;">%</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td class="text-navy">二级客户</td>
                                        <td>等级价二</td>
                                        <td class="text-danger">
                                            <input type="text" value="100" style="width:150px;float: left;" class="input-sm form-control">
                                            <label style="margin: 6px 0px 0px 6px;">%</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td class="text-navy">三级客户</td>
                                        <td>等级价三</td>
                                        <td class="text-danger">
                                            <input type="text" value="100" style="width:150px;float: left;" class="input-sm form-control">
                                            <label style="margin: 6px 0px 0px 6px;">%</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td class="text-navy">四级客户</td>
                                        <td>等级价四</td>
                                        <td class="text-danger">
                                            <input type="text" value="100" style="width:150px;float: left;" class="input-sm form-control">
                                            <label style="margin: 6px 0px 0px 6px;">%</label>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../content/js/lib/vue/vue.min.js"></script>
    <script src="../../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../../content/static/js/plugins/switchery/switchery.js"></script>
    <script src="../../content/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../../content/static/js/content.min.js?v=1.0.0"></script>
    <script src="../../content/js/lib/vue/vue-modal.js"></script>
    <script src="../../content/js/lib/vue/vue-pagination.js"></script>
    <script src="../../content/js/common.js"></script>
    <script type="text/javascript">
        var vmData = {};
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {},
        };
        vmMothod = $.extend(vmMothod, baseCommonFunction);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>